/*

@description: 关于我们（JavaScript）

@author: 赖赖

@update: 2021年9月9日18:20:47

*/

// 获取关于我们信息列表
getAu();
function getAu(){
    $.ajax({
        url:`http://127.0.0.1:7001/api/aboutUs`,
        method:"get",
        success:function(res){

            // 获取 悬浮效果 节点
            const lj = document.querySelectorAll(".xg")

            for (var i = 0;i < 5;i++) {
                const ai = document.createElement("a")
                lj[i].appendChild(ai)

                ai.id = res.data[i].id
                ai.href = "../AboutUsDetailedView/AboutUsDetailedView.html"
                ai.target = "_blank"
                ai.classList.add("xq")// 关于我们 详情

                ai.innerHTML =
                `
                    <div class="gd">了解更多</div>
                `

            }

            const lianjie = document.querySelectorAll(".xq")
            for (const itme of lianjie) {
                itme.onclick = function(){
                    getId(itme.id)
                    // console.log(itme.id);
                }
            }
        },
        error:function(){
            console.log("查询失败");
        }
    })
}
// 传值给后端返回id值
function getId(id){
    $.ajax({
        url:`http://127.0.0.1:7001/api/aboutUs/${id}`,
        module:"get",
        data:{
            id
        },
        success:function(res){
            // 保存本地
            localStorage.setItem('us',JSON.stringify(res.data))
        },
        error:function(){
            console.log("传输失败");
        }
    })
}